html {font-size: 60pt;}
.article-body span{white-space: break-spaces!important;}
.img-box{margin-bottom:36px}
.img-box img{display:block;margin-bottom:5px;width:100%;}
@media screen and (min-width: 1920px) {html {font-size:65pt;}}
@media screen and (min-width:2200px) {html {font-size:70pt;}}
body{
  font-family: "迷你简黑体","PingFang SC", "HanHei SC", "Helvetica Neue", "Microsoft Yahei", "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;overflow-x:hidden;
}
  .caseview-item{padding-bottom: 1.2%;width:92.09375%;display:block;}/*45.546875%*/
.grid-item {
    padding-bottom: calc(65 * 100vw / 2560);width:30.078125%;display:block;font-size:0.16rem;
  }
  small{transform: scale(0.95)}
  a:hover{color:#333;}
  /* .grid-item:nth-child(3n+2){margin-right:0.9765625%;margin-left:0.9765625%} */
  a.grid-item{color:#333;line-height: 2em;}
  .grid-item img,.caseview-item img{display:block;}
  .global-padding,.grid-container{padding-left:3.90625%;padding-right:3.90625%;}
  /* .grid-container{max-width:1366px;margin:0 auto;} */
  .text-center{text-align: center;}

  .text-sm{font-size:12px;}
  /* .top-padding{padding-top:0.47rem;padding-bottom:0.46%} */
  .top-header{position:fixed;z-index:99;background-color:#fff;width:100%;left:0;top:0;
    /* box-shadow:0 2px 2px rgba(0,0,0,0.1);  */
  }
  .margin-right{margin-left:1em;}
  .nav{display:inline-block;margin-left:14.2578125%;float:left;line-height:0.3rem;margin-top:0.3rem;width:50%;}
  .nav-home{margin-top:0.4rem;margin-right:3.90625%;line-height:0.1rem;}
  .nav-home,.nav a,.nav >.nav-first{font-size:0.16rem;}
  .nav >a{margin-right:1.5625%;display:inline-block;}
  .nav >.nav-first{color:#000;display: inline-block;white-space: nowrap;margin-right:1.5625%}
  .nav >.nav-first >span{width:0;height:auto;display:inline-block;float:right;overflow: hidden;}
  .nav >.nav-first >span>a,.get-span-width a{display:inline-block;font-size:0.13rem;}
  .get-span-width{font-size:0.13rem;position: fixed;left:-1000px;opacity: 0;}
  /* .nav >.nav-first:hover >span{height:auto;} */
  .nav >span.active{display:inline-block;}
  .nav >a{color:#000;}
  .nav a:focus{outline: none;text-decoration: none;}
  .nav a:hover,.nav .active,.nav-home:hover,.nav >.nav-first:hover{color:#9a9a9a;text-decoration: none;}
.fr{float:right;}
.gray,a.gray{color:#999;}
a.gray:hover{color:#333;}
.white{color:#fff;}
.imgfull{width:100%;display:block;}
.logo{width:21%;min-width:220px;padding-bottom:3px;}
a{text-decoration: none;color:#333;}
a.black{color:#020202;}
a.block{display:block;}
.new-more{width:30.078125%;margin:calc(110 * 100vw / 2560) auto calc(180 * 100vw / 2560);line-height:2.1em;font-size:0.16rem;text-align: justify;color:#666;}
.new-more h3{text-align: center;font-weight: normal;color:#010101;font-size:0.2rem;margin-bottom:calc(100 * 100vw / 2560)}
/* .footer-nav-box{float:right;width:50%;margin-top:3%;margin-bottom:3%;min-width:630px;}
.footer-nav{font-size:13px;line-height:2.5em;}
.footer-nav a{display:block;color:#999;font-size:12px;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.footer-nav h5{font-weight:normal;color:#333;margin-bottom:1em}
.footer-nav .col-md-4{padding-left:0;margin-bottom:3em;} */

.video-box{width:20.3125%;position:absolute;right:3.90625%;top:calc(70 * 100vw / 2560);font-size:0.16rem;line-height: 2em;}
.video{height:calc(290 * 100vw / 2560);background-color:#000;}
.ctrl-hover{cursor: default;position:relative}
.ctrl-hover .ctrl-hover-box{background-color:#fff;width:0;height:0;position:absolute;left:0;overflow: hidden;color:#999;transition: all .3s;opacity:0;line-height:2.24em;padding-left:calc(40 * 100vw / 2560);padding-right:calc(40 * 100vw / 2560);font-size:0.12rem;}
.ctrl-hover:hover .ctrl-hover-box{opacity:1;}
.ctrl-hover:hover .hover-contact{width:calc(510 * 100vw / 2560);height:calc(650 * 100vw / 2560);}
.ctrl-hover:hover .hover-about{width:calc(750 * 100vw / 2560);height:calc(420 * 100vw / 2560);}/*710*/
.ctrl-hover:hover .hover-coop{padding-left:calc(95 * 100vw / 2560);padding-right:calc(95 * 100vw / 2560);width:calc(950 * 100vw / 2560);height:calc(750 * 100vw / 2560);}

.news-list-box{margin:calc(100 * 100vw / 2560) 17%}
.list_page{padding-bottom:3em;font-weight: normal;}
.news-list{border-bottom:1px solid #ddd;display:flex;font-size:0.16rem;line-height:0.35rem;}
.news-time{position:relative;width:calc(290 * 100vw / 2560);padding-top:calc(50 * 100vw / 2560);justify-content:space-between;color:#434343}
.news-list .desc{font-size:14rem;color:#999999;}
.news-time:after{content:' ';position:absolute;width:calc(98 * 100vw / 2560);height:1px;background-color:#999;right:15%;z-index:-1;top:calc(72 * 100vw / 2560);;}
.news-img{width:calc(310 * 100vw / 2560);}
.news-img img{width:calc(310 * 100vw / 2560);height:calc(200 * 100vw / 2560);float:right;margin-bottom:calc(20 * 100vw / 2560);margin-top:calc(20 * 100vw / 2560);}
.news-content{padding-right:calc(210 * 100vw / 2560);padding-top:calc(50 * 100vw / 2560);flex:3}
.news-title{color:#434343;}
.article h1{font-size:24px;font-weight: bold;margin-top:2em;}
.article img{max-width:100%;height:auto!important;}

.index-intro-box{padding:calc(60 * 100vw / 2560) 3.90625% calc(136 * 100vw / 2560) 21.875%;overflow:hidden;position:relative;text-align: justify;}
.index-intro{width:39.4736%;font-size:0.16rem;line-height:2.1em;}
.content-title{line-height:3em;font-size:0.16rem;padding-left:21.875%;}

.logo-text{font-family: "Arial";margin-left:3.90625%;font-size:0.26rem;margin-top:0.38rem;line-height:0.1rem;margin-bottom:0.18rem;display:block;letter-spacing: 0;color:#000;float:left;}
a.logo-text:hover{color:inherit;text-decoration: none;}

.footer-list-header,.footer-list-follow{margin-bottom:0.28rem;overflow: hidden;}
.footer-list-header span,.footer-list-follow span{float:right;display:inline-block;text-align:left;font-size:0.18rem;}
.footer-list-header span{margin-left:calc(125 * 100vw / 2560);}
.footer-list-header span:nth-child(3){margin-left:0;}
  ul.footer-list{list-style: none;width:100%;font-size:0.2rem;margin-bottom:calc(70 * 100vw / 2560);overflow:hidden;padding-left:0;}
  .footer-bottom{margin-bottom:calc(120 * 100vw / 2560);text-align: right;}
ul.footer-list li,ul.footer-list li h5,ul.footer-list li a{display:inline-block;}
ul.footer-list li h5{line-height:0;}
ul.footer-list li{float:right;text-align: left;}
ul.footer-list li a{font-size:0.16rem;line-height:2.2em;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.copyright{width:30.078125%;margin:0 auto 0 17.2%;line-height:2.2em;font-size:0.12rem;color:#f5e2db;}
.copyright .adjust-text{min-width:450px;}
.copyright .h1{font-size:0.36rem;font-family:"arial";font-weight:bold;margin-bottom:0.36rem;line-height:0;color:#fff;}
.copyright .margin-top-50{margin-top:0.22rem;}

.bottom-box{background-color:#e1b0a1;padding:calc(50 * 100vw / 2560) 0 calc(85 * 100vw / 2560);position:relative;}
.bottom-box .qrcode{position: absolute;bottom:calc(100 * 100vw / 2560);left:37.1875%;letter-spacing:0;font-size:0.12rem;line-height:2.4em;color:#fff;}
.bottom-box .qrcode .img{width:calc(120 * 100vw / 2560);float:left;display:inline-block;margin-right:calc(50 * 100vw / 2560);text-align: center;}
.bottom-box .qrcode .img img{width:100%;}

.list_page{letter-spacing: 1px;padding-top:10px;font-family: arial;}
.padding-top{padding-top:6em;}

.nav-menu,.mobile-popup-close{display:none;}
.pc-hide{display:none!important;}

.home-video-box {
  margin-bottom: 60px
}


.modal {
  position: fixed !important;
  top: 50%;
  left: 50%;
  _position: absolute;
  _top: 15%;
  _margin-top: 0;
  z-index: 1050;
  width: 660px;
  margin-left: -330px;
  margin-top: -300px;
  background-color: #fff;
  outline: none
}

.modal.fade {
  -webkit-transition: opacity .4s linear, top .4s ease-out;
  transition: opacity .4s linear, top .4s ease-out;
  top: -25%
}

.modal.fade.in {
  top: 50%;
 display:block!important;
  _top: 15%
}

.modal .close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #757575;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  z-index: 10;
  border-radius: 15px
}

.modal .close:hover {
  color: #fff;
  background-color: #e53935
}

.modal .close .iconfont {
  font-size: 24px;
  font-weight: 200;
  vertical-align: middle;
  font-style: normal;
}

.modal-hide {
  display: none
}

.modal-header, .modal-hd {
  position: relative;
  /* height: 32px; */
  padding: 14px 20px;
  background-color: #f5f5f5
}
@-webkit-keyframes loader {
  0% {
      -webkit-transform: scale(1, 0.5);
      opacity: .2;
      filter: alpha(opacity=20) \9
  }

  100% {
      -webkit-transform: scale(1, 1);
      opacity: 1;
      filter: alpha(opacity=100) \9
  }
}

@keyframes loader {
  0% {
      -webkit-transform: scale(1, 0.5);
      transform: scale(1, 0.5);
      opacity: .2;
      filter: alpha(opacity=20) \9
  }

  100% {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
      opacity: 1;
      filter: alpha(opacity=100) \9
  }
}

.fade {
  opacity: 0;
  filter: alpha(opacity=0) \9;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.fade.in {
  opacity: 1;
  filter: alpha(opacity=100) \9
}

.modal-backdrop {
  position: fixed !important;
  _position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0) \9
}

.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.5;
  filter: alpha(opacity=50) \9
}
a
.modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  color: #424242
}

.modal-body, .modal-bd {
  position: relative;
  max-height: 400px;
  padding: 40px 60px
}

.modal-footer, .modal-ft {
  height: 40px;
  padding: 20px 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
  background-color: #f5f5f5;
  /* * zoom: 1 */
}

.modal-footer:before, .modal-footer:after, .modal-ft:before, .modal-ft:after {
  content: " ";
  display: table
}

.modal-footer:after, .modal-ft:after {
  clear: both
}

.modal-footer .btn, .modal-ft .btn {
  margin: 0 7px
}

.modal-alert {
  width: 500px;
  margin-left: -250px
}

.modal-alert .modal-bd {
  padding: 60px 60px 40px;
  text-align: center
}

.modal-alert .text {
  min-height: 130px
}

.modal-alert h3, .modal-alert .title {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 50px;
  color: #424242
}

.modal-alert p {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
  color: #b0b0b0
}

.modal-alert .actions .btn {
  margin: 0 7px
}

.modal-video {
  width: 880px;
  height: 560px;
  margin-top: -298px;
  margin-left: -440px;
  -webkit-box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18)
}

.modal-video .modal-bd {
  max-height: 500px;
  padding: 0
}

a.video-list-btn{display:inline-block;width:60px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:18px;text-align: center;line-height: 18px;background-color:#787878;color:#aaa;margin-left:5px;font-size:10px;padding:0 2px}
a.video-list-btn.active,a.video-list-btn:hover{background-color:#e1b0a1;color:#fff;}

.display_flex{display:flex;}

.article-body{width:30%;margin-left:51%;font-size:0.15rem;line-height:2em;color:#787878;padding:4em 0 2em;}
.backtoTop{display:block;font-size:0.15rem;margin-right:20%;padding-bottom:2em;}
.a-no-absolute{position:static!important;font-size:12px;}
@media screen and (max-width: 768px) {
  .article h1{font-size:16px;}
  .a-no-absolute{text-align: center;line-height:2em;}
  .backtoTop{margin-top:2em;}
  .article-body{width:92.2%;margin-left:3.9%;}
  #adjust-link{display:none;}
  /* html {font-size: 75px!important;} */
  .mobile-hide{display:none!important;}
  .pc-hide{display:block!important;margin-top:1em;}
  .nav-menu{
  display: block;
  position: relative;
  width: 22px;
  margin-left: 10px;
  height: 100%;
  cursor: pointer;
  float:right;top:20px;right:4%
}
.nav-menu .line{
  width: 100%;
    height: 2px;
    background-color: #606060;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* .ctrl-hover:hover .ctrl-hover-box{opacity:1;} */
/* .ctrl-hover:hover .hover-contact{width:0;height:0;}
.ctrl-hover:hover .hover-about{width:0;height:0;}
.ctrl-hover:hover .hover-coop{padding:0;margin:0;width:0;height:0;} */
.copyright{width:72.1%;font-size: 11px;line-height:2em;;}
.copyright .h1{font-size:18px;margin-bottom:1em;}
.nav-menu .line.li1{margin-top:-6px;}
.nav-menu .line.li3{margin-top:6px;}
  #video-box{display:none;}
  .new-more{padding:3%;min-width: auto;font-size:12px;
    width: 100%;}
    .new-more h3{font-size:14px;}
  .nav{width:100%;overflow:hidden;margin-left:0;left:0;top:25px;margin-top: 12px; position: absolute;height:100vh;background-color:rgba(255,255,255,0.95);padding-top:5vh;transition: all .5s ease;
    transform: translate3d(100%,0,0);opacity: 0}
  .nav[data-on="on"]{
    transform: translate3d(0,0,0);
opacity: 1;
visibility: visible;
  }

  .nav > a,.nav >.nav-first{display:block;width:100%;padding-left:3.90625%;line-height: 3em;font-size:16px;}
  .nav >span{ 
    width: 100%;
    padding-left:3.90625%;
    text-align: center;}
    .nav >span>a{padding:10px;display:inline-block;margin:0;}
    .nav >.nav-first{width:100%;}
    .nav >.nav-first >span>a, .get-span-width a{width:0;overflow:hidden;font-size:14px;}
    .ctrl-hover:hover .hover-contact,.ctrl-hover:hover .hover-about,.ctrl-hover:hover .hover-coop{width:100%;height:auto;padding-left:0;padding-right:0;
      position: fixed;
      padding: 4%;
      top: 0;
      height: 100%;
      OVERFLOW-Y: SCROLL;padding-bottom:50px;}
      .ctrl-hover:hover .hover-about .display_flex,.ctrl-hover:hover .hover-contact .display_flex{display:block;}
      .ctrl-hover:hover .hover-about .display_flex img,.ctrl-hover:hover .hover-contact .display_flex img{width:auto!important;margin-bottom:10px;}
    .nav-first:hover .handle-case,.nav-first:hover .handle-about,.nav-first:hover .handle-contact{
      width:100%;
      float:none;
      display: block;
      overflow: visible;
    } 
    .mobile-popup{    position: fixed!important;
      width: 100%!important;
      top: 0;
      height: 100vh!important;
      padding-top: 10vh;}
      .mobile-popup-close{position:fixed;top:0;right:5vw;font-size:3em;color:#999;z-index: 100;display:none;
        font-family:Tahoma, sans-serif;}
        .ctrl-hover .ctrl-hover-box{z-index:99;}
    .nav-first:hover .handle-case a,.nav-first:hover .handle-about a,.nav-first:hover .handle-contact a{display:block;width:100%;}
  #nav-home{display:none;}
  .footer-nav-box{float:inherit;width:92%;min-width:inherit;margin:4%;}
  .top-padding{padding-top:12px;padding-bottom:5px}
  .grid-item{width:94%;margin-left:0;margin-right:0;font-size:12px;}
  .bottom-box .qrcode{position:static;margin-left:17.2%;margin-bottom:10px;margin-top:20px;}
  .caseview-item{width:94%;margin:0;}

  .logo-text{font-size:1em;margin-top:0.8em;margin-bottom: 0.4em;line-height: inherit;}
  .index-intro{width:100%!important;font-size:12px;margin-top:2em;}
  .index-intro-box{overflow:visible;padding:3.90625%;}
  .content-title{padding-left:3.90625%}
  .video-box{width:100%;margin:2em 0;position:static;font-size:12px;display:none!important;}
  .video{height:60vw;}
  .bottom-box .qrcode .img{float:none;width:35%;}
  .footer-bottom{text-align:left;}
  ul.footer-list li{float:none;width:100%!important;margin-left:0!important;}
  ul.footer-list li, ul.footer-list li h5, ul.footer-list li a{display:block;font-size:12px;}
  .news-list-box{margin:3.90625%;}
  .news-time{width:100%;}
  .news-list{flex-direction:column;}
  .news-content{padding-right:0;padding-top:0;}
  .news-time:after{display:none;}
  .news-img{width:100%;}
  .news-img img{width:100%;height:auto;float:none;}
  .modal,.modal.fade{display:none!important;}

 }

 /* @media (min-width: 768px) and (max-width: 992px) {
   .nav{width:66%;margin-left:3%;}
   .nav > a{margin:0 0 0 2%}
  .footer-nav-box{min-width:inherit;}
   #nav-home{display:none;}
  #video-box{min-width:220px;min-height:132px;}
  .index-intro-box{padding:5% 20px 12px 10%;}
  .index-intro{max-width:480px}
  .new-more{width:80%;min-width:inherit;}
  .bottom-box .qrcode{position:static;margin-left:10%;margin-bottom:20px;margin-top:-20px;}
  .news-list .padding-left-0{padding-left:0!important;}
  .news-time-line:after{display: none;}
 }
 @media screen and (min-width:1600px){
  .top-padding{padding-top:20px;padding-bottom:8px}
 } */